.index{
    %col6-cell{
        width:span(6);
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        @include breakpoint($screen-xs){
            width: span(12);
            display: block;
        }
    }
    .introduction{
        @extend %col6-cell;
        padding-left: 20px;
        font-size: 24px;
        line-height: 36px;
        color:#699;
    }
    .hero-image{
        @extend %col6-cell;
        @extend %file-img;
    }
  
}